@charset "utf-8";
*{ margin: 0;padding: 0; }
.clearfix{ zoom: 1;}
.clearfix:after{ content: ""; clear: both; display: block;}
a{ text-decoration: none;}
li{ list-style: none;}





#top{ width: 100%; height: 28px; background:#57A126;}
#top .top-1 { width: 1000px; margin: 0 auto;  }
#top .top-1 p a{  color: #fff; font-size: 14px; font-weight: bold;}
#top .top-1 p{color: #fff;line-height: 28px;}
.header-1{  width:1000px ;height: 115px; margin: 0 auto; }
.header-1 .img-1 { margin: 10px 0;display: inline-block;}
.header-1 .img-1 img{ vertical-align:-25px; }
.header-1 .img-2 { display: inline-block;float: right; }
.header-1 .img-2 img{margin-top: 25px;}
.header-2{  width:1000px ;height: 60px; margin: 0 auto;}
.header-2 li{ float: left; line-height: 60px; width: 125px;
              background: #E5007F; text-align: center;}
.header-2 li:hover{ background: #fff;}
.header-2 li a{ color: #333; font-weight: bold;  padding-bottom: 10px;;
                   border-bottom: 1px solid #57A126;}
.header-2 li a:hover{ color: #57A126;}
.banner img{height: auto;width: 100%; display: block;}
.banner-2{ background: #7ECEF4; width: 100%; height: 211px; }
.banner-2-text { text-align: center; width: 800px; margin: 0 auto; padding: 25px 0;
                    border-bottom: dashed 1px #fff;}
.banner-2-text h1{ line-height: 50px;font-size: 26px;}
.banner-2-text p{ line-height: 30px;;}
.banner-2-text2 p{ text-align: center;  line-height: 30px; background:#57A126;
                   width: 150px;margin: 0 auto; margin-top: 20px; border-radius: 4px;}
.container{ width: 1000px; height: 470px; margin: 0 auto; margin: 25px auto;}
.container .left{ width: 230px; height: 470px; background: url(../img/kuang_03.png) no-repeat ; float: left;}
.container .left ul{ margin: 10px 0 10px 30px;}
.container .left li{ line-height: 60px;padding-left: 15px; width: 170px;
                     background:url(../img/letter-02_03.png) no-repeat left;}
.container .left li:first-child{ background: url(../img/letter_03.png) no-repeat left;
                                 color:#57A126;border-bottom: #57A126 solid 1px;}
.container .left h1{ margin-left: 30px; font-size: 25px;} 
.container .right  figure{width: 230px;height:217px; float: right; margin-left: 20px;} 
.container .right { text-align: center;}                             
.case{ width: 1000px; margin:40px  auto;}
.case img{ margin-left: 10px;}
.container2{ width: 1000px; margin: 0 auto;}
.container2 .left{width: 332px; height: 242px; border:#f00 solid 1px; float: left;} 
.container2 .left em{ display: inline-block; width:90px;height: 30px; line-height: 30px;
                           text-align: center; font-style: normal;}
.container2 .left em:hover{ background: #57A126; color: #fff;}
.container2 .left li { width: 330px; line-height: 35px;;}
.container2 .left li a{ color: #000; font-size: 14px;}
.container2 .left li span{ float: right;}
.container2 .middle{width: 330px; height:242px; float: left; background:#57A126;
                    margin-left: 20px;}
.container2 .middle h1{ font-size: 20px; color: #fff;margin: 5px 0 10px 0}

.container2 .middle p{ color: #000; font-size: 14px; line-height: 2;;}
.container2 .right{ float: right;}
.friend{ width: 100% ; height: 50px; background: #E6E8E4; margin-top: 40px;}
.friend .text{ width: 1000px; margin: 0 auto;}
.friend .text p{ line-height: 50px;}
.friend .text a{ color: #666; margin: 0 40px 0 30px; font-size: 14px;}
.footer{ width: 100%; height: 211px; background:#57A126;}
.footer .bottom{width: 1000px; margin: 0 auto;}
.footer .bottom .left{ width: 105px; font-size: 15px; color: #fff; padding: 40px 0; float: left;}
.footer .bottom .right { width: 700px; float: left; margin-left: 50px; 
                         font-size: 14px; color: #fff;
                         padding-top: 50px;}
.footer .bottom .right  a{ color: #fff;}
.footer .bottom .right  a:hover{ color: #f00;}
.footer .bottom .right p{ line-height: 1.5;}
